<!DOCTYPE html>
<html>
<head>
	<title>CSS综合练习一</title>
</head>
<body>
	<style type="text/css">
		body{
			width: 800px;
		}
		div.title{
			padding-bottom: 10px;
			border-bottom-style: solid;
			border-bottom-color: gray;
			border-bottom-width: 1px;
		}
		div.bottom{
			padding-top: 250px;
			border-bottom-style: solid;
			border-bottom-color: gray;
			border-bottom-width: 1px;
		}
		.top{
			padding-top: 6px;
			color: gray;
		}
		div.blue{
			color: blue;
			font-weight: bold;
			padding-top:5px;
		}
		div.author{
			padding-top: 10px;
			padding-bottom: 10px;
		}
		span.bold{
			font-weight:bold;
			color: gray;
		}
		.left{
			float: left;
		}
		.right{
			float: right;
		}
		a{
			color: blue;
			cursor:pointer;
		}
		b{
			color: lightgray;
			font-size: 80%;
		}
		.picture{
			margin: 0px 5px 0px 5px;
		}
	</style>

	<div class="title">  
		<span class="bold"><img style="margin-right: 5px" src="1.png">最新动态</span>
		<span class="right"><img style="margin-right: 5px" src="2.png">设置</span>

	</div>

	<div>
		<div class="left"><img style="margin-top: 10px;margin-right: 5px" src="4.png" class="left"><br><br>
		<span style="background-image: url(5.png);padding-top:5px" class="top">6511</span>
		</div>
		<span class="left">
			<div class="top">热门回答，来自 机械 <a href="nowhere">关注话题</a></div>
			<div class="blue">人类史上令人叹为观止的极限精度制造成果有哪些？</div>
			<div class="author"><strong>Vincent Fu,</strong> Materials Science, Phd</div>
			<div style="width: 740px"><img style="margin: 5px 5px 5px 0px;" src="6.png" class="left text">
				说到精度，就不得不提在材料学中最重要的一个方面：表征。要立项研究一种材料性能，握在手里把玩时远远不够的，就算你拿出放大镜离近了看，也只能看到表面的一些坑坑洼洼，而为了知晓一种材料的纤维结构，科学家至少要下到纳米级（放大千倍），如果要获得更深...<a href="nowhere">显示全部</a><br><br><br>
			</div>
			<div><img src="7.png" class="picture"><b>关注问题</b><img src="8.png" class="picture"><b>867条评论</b><img src="9.png" class="picture"><b>作者保留权利</b></div>
		</span>
		<img style="margin-top: 10px" src="3.png" class="right">
	</div>
	<div class="bottom"></div>
</body>
</html>